﻿<!DOCTYPE html>
<html>
  <head>
    <title>商品列表</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/商品列表/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-3.2.1.min.js"></script>
    <script src="resources/scripts/axure/axQuery.js"></script>
    <script src="resources/scripts/axure/globals.js"></script>
    <script src="resources/scripts/axutils.js"></script>
    <script src="resources/scripts/axure/annotation.js"></script>
    <script src="resources/scripts/axure/axQuery.std.js"></script>
    <script src="resources/scripts/axure/doc.js"></script>
    <script src="resources/scripts/messagecenter.js"></script>
    <script src="resources/scripts/axure/events.js"></script>
    <script src="resources/scripts/axure/recording.js"></script>
    <script src="resources/scripts/axure/action.js"></script>
    <script src="resources/scripts/axure/expr.js"></script>
    <script src="resources/scripts/axure/geometry.js"></script>
    <script src="resources/scripts/axure/flyout.js"></script>
    <script src="resources/scripts/axure/model.js"></script>
    <script src="resources/scripts/axure/repeater.js"></script>
    <script src="resources/scripts/axure/sto.js"></script>
    <script src="resources/scripts/axure/utils.temp.js"></script>
    <script src="resources/scripts/axure/variables.js"></script>
    <script src="resources/scripts/axure/drag.js"></script>
    <script src="resources/scripts/axure/move.js"></script>
    <script src="resources/scripts/axure/visibility.js"></script>
    <script src="resources/scripts/axure/style.js"></script>
    <script src="resources/scripts/axure/adaptive.js"></script>
    <script src="resources/scripts/axure/tree.js"></script>
    <script src="resources/scripts/axure/init.temp.js"></script>
    <script src="resources/scripts/axure/legacy.js"></script>
    <script src="resources/scripts/axure/viewer.js"></script>
    <script src="resources/scripts/axure/math.js"></script>
    <script src="resources/scripts/axure/jquery.nicescroll.min.js"></script>
    <script src="data/document.js"></script>
    <script src="files/商品列表/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (矩形) -->
      <div id="u626" class="ax_default box_2">
        <div id="u626_div" class=""></div>
        <div id="u626_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (动态面板) -->
      <div id="u627" class="ax_default">
        <div id="u627_state0" class="panel_state" data-label="State1" style="">
          <div id="u627_state0_content" class="panel_state_content">

            <!-- 电池条 (组合) -->
            <div id="u628" class="ax_default" data-label="电池条" data-left="0" data-top="0" data-width="375" data-height="20">

              <!-- Unnamed (矩形) -->
              <div id="u629" class="ax_default box_2">
                <div id="u629_div" class=""></div>
                <div id="u629_text" class="text " style="display:none; visibility: hidden">
                  <p></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u630" class="ax_default box_2">
                <div id="u630_div" class=""></div>
                <div id="u630_text" class="text " style="display:none; visibility: hidden">
                  <p></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u631" class="ax_default box_2">
                <div id="u631_div" class=""></div>
                <div id="u631_text" class="text " style="display:none; visibility: hidden">
                  <p></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u632" class="ax_default box_2">
                <div id="u632_div" class=""></div>
                <div id="u632_text" class="text " style="display:none; visibility: hidden">
                  <p></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u633" class="ax_default box_2">
                <div id="u633_div" class=""></div>
                <div id="u633_text" class="text " style="display:none; visibility: hidden">
                  <p></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u634" class="ax_default label">
                <div id="u634_div" class=""></div>
                <div id="u634_text" class="text ">
                  <p><span>中国移动&nbsp; 4G</span></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u635" class="ax_default label">
                <div id="u635_div" class=""></div>
                <div id="u635_text" class="text ">
                  <p><span>21:47</span></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u636" class="ax_default label">
                <div id="u636_div" class=""></div>
                <div id="u636_text" class="text ">
                  <p><span>21:47</span></p>
                </div>
              </div>

              <!-- Unnamed (形状) -->
              <div id="u637" class="ax_default _形状">
                <img id="u637_img" class="img " src="images/首页/u214.svg"/>
                <div id="u637_text" class="text " style="display:none; visibility: hidden">
                  <p></p>
                </div>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u638" class="ax_default box_2">
              <div id="u638_div" class=""></div>
              <div id="u638_text" class="text ">
                <p><span>&nbsp;&nbsp; &nbsp; &nbsp; 商品列表</span></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u639" class="ax_default _形状">
              <img id="u639_img" class="img " src="images/搜索主页/u353.svg"/>
              <div id="u639_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (热点) -->
            <div id="u640" class="ax_default">
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u641" class="ax_default box_2">
              <div id="u641_div" class=""></div>
              <div id="u641_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- 价格从高到低 (矩形) -->
            <div id="u642" class="ax_default label" data-label="价格从高到低">
              <div id="u642_div" class=""></div>
              <div id="u642_text" class="text ">
                <p><span>价格从高到底</span></p>
              </div>
            </div>

            <!-- 价格从低到高 (矩形) -->
            <div id="u643" class="ax_default label" data-label="价格从低到高">
              <div id="u643_div" class=""></div>
              <div id="u643_text" class="text ">
                <p><span>价格从低到高</span></p>
              </div>
            </div>

            <!-- 销量 (矩形) -->
            <div id="u644" class="ax_default label" data-label="销量">
              <div id="u644_div" class=""></div>
              <div id="u644_text" class="text ">
                <p><span>销量</span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 拖动面板 (动态面板) -->
      <div id="u645" class="ax_default" data-label="拖动面板">
        <div id="u645_state0" class="panel_state" data-label="State1" style="">
          <div id="u645_state0_content" class="panel_state_content">

            <!-- 显示面板 (动态面板) -->
            <div id="u646" class="ax_default" data-label="显示面板">
              <div id="u646_state0" class="panel_state" data-label="repeat" style="">
                <div id="u646_state0_content" class="panel_state_content">

                  <!-- content (中继器) -->
                  <div id="u647" class="ax_default" data-label="content">
                    <script id="u647_script" type="axure-repeater-template" data-label="content">

                      <!-- Unnamed (组合) -->
                      <div id="u648" class="ax_default u648" data-left="1" data-top="0" data-width="169" data-height="245">

                        <!-- back (矩形) -->
                        <div id="u649" class="ax_default box_2 u649" data-label="back">
                          <div id="u649_div" class="u649_div"></div>
                          <div id="u649_text" class="text u649_text" style="display:none; visibility: hidden">
                            <p></p>
                          </div>
                        </div>

                        <!-- name (矩形) -->
                        <div id="u650" class="ax_default label u650" data-label="name">
                          <div id="u650_div" class="u650_div"></div>
                          <div id="u650_text" class="text u650_text">
                            <p><span>公孙离-祈雪灵祝</span></p>
                          </div>
                        </div>

                        <!-- price (矩形) -->
                        <div id="u651" class="ax_default label u651" data-label="price">
                          <div id="u651_div" class="u651_div"></div>
                          <div id="u651_text" class="text u651_text">
                            <p><span>300.00</span></p>
                          </div>
                        </div>

                        <!-- acount (矩形) -->
                        <div id="u652" class="ax_default label u652" data-label="acount">
                          <div id="u652_div" class="u652_div"></div>
                          <div id="u652_text" class="text u652_text">
                            <p><span>销量：200</span></p>
                          </div>
                        </div>

                        <!-- image (图像 ) -->
                        <div id="u653" class="ax_default image u653" data-label="image">
                          <img id="u653_img" class="img u653_img" src="images/首页/p0.png"/>
                          <div id="u653_text" class="text u653_text" style="display:none; visibility: hidden">
                            <p></p>
                          </div>
                        </div>
                      </div>

                      <!-- buybtn (矩形) -->
                      <div id="u654" class="ax_default button u654" data-label="buybtn">
                        <div id="u654_div" class="u654_div"></div>
                        <div id="u654_text" class="text u654_text">
                          <p><span>购买</span></p>
                        </div>
                      </div>

                      <!-- givebtn (矩形) -->
                      <div id="u655" class="ax_default button u655" data-label="givebtn">
                        <div id="u655_div" class="u655_div"></div>
                        <div id="u655_text" class="text u655_text">
                          <p><span>送礼</span></p>
                        </div>
                      </div>
                    </script>
                    <div id="u647-1" class="preeval" style="width: 170px; height: 245px;">

                      <!-- Unnamed (组合) -->
                      <div id="u648-1" class="ax_default u648" style="visibility: inherit" data-left="1" data-top="0" data-width="169" data-height="245">

                        <!-- back (矩形) -->
                        <div id="u649-1" class="ax_default box_2 u649" data-label="back" style="width: 169px; height: 245px; left: 1px; top: 0px;visibility: inherit">
                          <div id="u649-1_div" class="u649_div" style="width: 169px; height: 245px;visibility: inherit"></div>
                          <div id="u649-1_text" class="text u649_text" style="display:none; visibility: hidden">
                            <p></p>
                          </div>
                        </div>

                        <!-- name (矩形) -->
                        <div id="u650-1" class="ax_default label u650" data-label="name" style="width: 96px; height: 15px; left: 25px; top: 157px;visibility: inherit">
                          <div id="u650-1_div" class="u650_div" style="width: 96px; height: 15px;visibility: inherit"></div>
                          <div id="u650-1_text" class="text u650_text" style="visibility: inherit">
                            <p><span>公孙离-祈雪灵祝</span></p>
                          </div>
                        </div>

                        <!-- price (矩形) -->
                        <div id="u651-1" class="ax_default label u651" data-label="price" style="width: 43px; height: 14px; left: 25px; top: 178px;visibility: inherit">
                          <div id="u651-1_div" class="u651_div" style="width: 43px; height: 14px;visibility: inherit"></div>
                          <div id="u651-1_text" class="text u651_text" style="visibility: inherit">
                            <p><span>￥300</span></p>
                          </div>
                        </div>

                        <!-- acount (矩形) -->
                        <div id="u652-1" class="ax_default label u652" data-label="acount" style="width: 51px; height: 12px; left: 90px; top: 179px;visibility: inherit">
                          <div id="u652-1_div" class="u652_div" style="width: 51px; height: 12px;visibility: inherit"></div>
                          <div id="u652-1_text" class="text u652_text" style="visibility: inherit">
                            <p><span>销量：111</span></p>
                          </div>
                        </div>

                        <!-- image (图像 ) -->
                        <div id="u653-1" class="ax_default image u653" data-label="image" style="width: 120px; height: 120px; left: 25px; top: 22px;visibility: inherit">
                          <img id="u653-1_img" class="img u653_img" src="images/首页/p0.png"/>
                          <div id="u653-1_text" class="text u653_text" style="display:none; visibility: hidden">
                            <p></p>
                          </div>
                        </div>
                      </div>

                      <!-- buybtn (矩形) -->
                      <div id="u654-1" class="ax_default button u654" data-label="buybtn" style="width: 65px; height: 27px; left: 14px; top: 201px;visibility: inherit">
                        <div id="u654-1_div" class="u654_div" style="width: 65px; height: 27px;visibility: inherit"></div>
                        <div id="u654-1_text" class="text u654_text" style="visibility: inherit">
                          <p><span>购买</span></p>
                        </div>
                      </div>

                      <!-- givebtn (矩形) -->
                      <div id="u655-1" class="ax_default button u655" data-label="givebtn" style="width: 65px; height: 27px; left: 90px; top: 201px;visibility: inherit">
                        <div id="u655-1_div" class="u655_div" style="width: 65px; height: 27px;visibility: inherit"></div>
                        <div id="u655-1_text" class="text u655_text" style="visibility: inherit">
                          <p><span>送礼</span></p>
                        </div>
                      </div>
                    </div>
                    <div id="u647-2" class="preeval" style="width: 170px; height: 245px;">

                      <!-- Unnamed (组合) -->
                      <div id="u648-2" class="ax_default u648" style="visibility: inherit" data-left="1" data-top="0" data-width="169" data-height="245">

                        <!-- back (矩形) -->
                        <div id="u649-2" class="ax_default box_2 u649" data-label="back" style="width: 169px; height: 245px; left: 1px; top: 0px;visibility: inherit">
                          <div id="u649-2_div" class="u649_div" style="width: 169px; height: 245px;visibility: inherit"></div>
                          <div id="u649-2_text" class="text u649_text" style="display:none; visibility: hidden">
                            <p></p>
                          </div>
                        </div>

                        <!-- name (矩形) -->
                        <div id="u650-2" class="ax_default label u650" data-label="name" style="width: 96px; height: 15px; left: 25px; top: 157px;visibility: inherit">
                          <div id="u650-2_div" class="u650_div" style="width: 96px; height: 15px;visibility: inherit"></div>
                          <div id="u650-2_text" class="text u650_text" style="visibility: inherit">
                            <p><span>花木兰-默契交锋</span></p>
                          </div>
                        </div>

                        <!-- price (矩形) -->
                        <div id="u651-2" class="ax_default label u651" data-label="price" style="width: 43px; height: 14px; left: 25px; top: 178px;visibility: inherit">
                          <div id="u651-2_div" class="u651_div" style="width: 43px; height: 14px;visibility: inherit"></div>
                          <div id="u651-2_text" class="text u651_text" style="visibility: inherit">
                            <p><span>￥200</span></p>
                          </div>
                        </div>

                        <!-- acount (矩形) -->
                        <div id="u652-2" class="ax_default label u652" data-label="acount" style="width: 51px; height: 12px; left: 90px; top: 179px;visibility: inherit">
                          <div id="u652-2_div" class="u652_div" style="width: 51px; height: 12px;visibility: inherit"></div>
                          <div id="u652-2_text" class="text u652_text" style="visibility: inherit">
                            <p><span>销量：222</span></p>
                          </div>
                        </div>

                        <!-- image (图像 ) -->
                        <div id="u653-2" class="ax_default image u653" data-label="image" style="width: 120px; height: 120px; left: 25px; top: 22px;visibility: inherit">
                          <img id="u653-2_img" class="img u653_img" src="images/首页/p1.png"/>
                          <div id="u653-2_text" class="text u653_text" style="display:none; visibility: hidden">
                            <p></p>
                          </div>
                        </div>
                      </div>

                      <!-- buybtn (矩形) -->
                      <div id="u654-2" class="ax_default button u654" data-label="buybtn" style="width: 65px; height: 27px; left: 14px; top: 201px;visibility: inherit">
                        <div id="u654-2_div" class="u654_div" style="width: 65px; height: 27px;visibility: inherit"></div>
                        <div id="u654-2_text" class="text u654_text" style="visibility: inherit">
                          <p><span>购买</span></p>
                        </div>
                      </div>

                      <!-- givebtn (矩形) -->
                      <div id="u655-2" class="ax_default button u655" data-label="givebtn" style="width: 65px; height: 27px; left: 90px; top: 201px;visibility: inherit">
                        <div id="u655-2_div" class="u655_div" style="width: 65px; height: 27px;visibility: inherit"></div>
                        <div id="u655-2_text" class="text u655_text" style="visibility: inherit">
                          <p><span>送礼</span></p>
                        </div>
                      </div>
                    </div>
                    <div id="u647-3" class="preeval" style="width: 170px; height: 245px;">

                      <!-- Unnamed (组合) -->
                      <div id="u648-3" class="ax_default u648" style="visibility: inherit" data-left="1" data-top="0" data-width="169" data-height="245">

                        <!-- back (矩形) -->
                        <div id="u649-3" class="ax_default box_2 u649" data-label="back" style="width: 169px; height: 245px; left: 1px; top: 0px;visibility: inherit">
                          <div id="u649-3_div" class="u649_div" style="width: 169px; height: 245px;visibility: inherit"></div>
                          <div id="u649-3_text" class="text u649_text" style="display:none; visibility: hidden">
                            <p></p>
                          </div>
                        </div>

                        <!-- name (矩形) -->
                        <div id="u650-3" class="ax_default label u650" data-label="name" style="width: 96px; height: 15px; left: 25px; top: 157px;visibility: inherit">
                          <div id="u650-3_div" class="u650_div" style="width: 96px; height: 15px;visibility: inherit"></div>
                          <div id="u650-3_text" class="text u650_text" style="visibility: inherit">
                            <p><span>吕布-御风骁将</span></p>
                          </div>
                        </div>

                        <!-- price (矩形) -->
                        <div id="u651-3" class="ax_default label u651" data-label="price" style="width: 43px; height: 14px; left: 25px; top: 178px;visibility: inherit">
                          <div id="u651-3_div" class="u651_div" style="width: 43px; height: 14px;visibility: inherit"></div>
                          <div id="u651-3_text" class="text u651_text" style="visibility: inherit">
                            <p><span>￥100</span></p>
                          </div>
                        </div>

                        <!-- acount (矩形) -->
                        <div id="u652-3" class="ax_default label u652" data-label="acount" style="width: 51px; height: 12px; left: 90px; top: 179px;visibility: inherit">
                          <div id="u652-3_div" class="u652_div" style="width: 51px; height: 12px;visibility: inherit"></div>
                          <div id="u652-3_text" class="text u652_text" style="visibility: inherit">
                            <p><span>销量：444</span></p>
                          </div>
                        </div>

                        <!-- image (图像 ) -->
                        <div id="u653-3" class="ax_default image u653" data-label="image" style="width: 120px; height: 120px; left: 25px; top: 22px;visibility: inherit">
                          <img id="u653-3_img" class="img u653_img" src="images/首页/p2.png"/>
                          <div id="u653-3_text" class="text u653_text" style="display:none; visibility: hidden">
                            <p></p>
                          </div>
                        </div>
                      </div>

                      <!-- buybtn (矩形) -->
                      <div id="u654-3" class="ax_default button u654" data-label="buybtn" style="width: 65px; height: 27px; left: 14px; top: 201px;visibility: inherit">
                        <div id="u654-3_div" class="u654_div" style="width: 65px; height: 27px;visibility: inherit"></div>
                        <div id="u654-3_text" class="text u654_text" style="visibility: inherit">
                          <p><span>购买</span></p>
                        </div>
                      </div>

                      <!-- givebtn (矩形) -->
                      <div id="u655-3" class="ax_default button u655" data-label="givebtn" style="width: 65px; height: 27px; left: 90px; top: 201px;visibility: inherit">
                        <div id="u655-3_div" class="u655_div" style="width: 65px; height: 27px;visibility: inherit"></div>
                        <div id="u655-3_text" class="text u655_text" style="visibility: inherit">
                          <p><span>送礼</span></p>
                        </div>
                      </div>
                    </div>
                    <div id="u647-4" class="preeval" style="width: 170px; height: 245px;">

                      <!-- Unnamed (组合) -->
                      <div id="u648-4" class="ax_default u648" style="visibility: inherit" data-left="1" data-top="0" data-width="169" data-height="245">

                        <!-- back (矩形) -->
                        <div id="u649-4" class="ax_default box_2 u649" data-label="back" style="width: 169px; height: 245px; left: 1px; top: 0px;visibility: inherit">
                          <div id="u649-4_div" class="u649_div" style="width: 169px; height: 245px;visibility: inherit"></div>
                          <div id="u649-4_text" class="text u649_text" style="display:none; visibility: hidden">
                            <p></p>
                          </div>
                        </div>

                        <!-- name (矩形) -->
                        <div id="u650-4" class="ax_default label u650" data-label="name" style="width: 96px; height: 15px; left: 25px; top: 157px;visibility: inherit">
                          <div id="u650-4_div" class="u650_div" style="width: 96px; height: 15px;visibility: inherit"></div>
                          <div id="u650-4_text" class="text u650_text" style="visibility: inherit">
                            <p><span>马超-幸存者</span></p>
                          </div>
                        </div>

                        <!-- price (矩形) -->
                        <div id="u651-4" class="ax_default label u651" data-label="price" style="width: 43px; height: 14px; left: 25px; top: 178px;visibility: inherit">
                          <div id="u651-4_div" class="u651_div" style="width: 43px; height: 14px;visibility: inherit"></div>
                          <div id="u651-4_text" class="text u651_text" style="visibility: inherit">
                            <p><span>￥500</span></p>
                          </div>
                        </div>

                        <!-- acount (矩形) -->
                        <div id="u652-4" class="ax_default label u652" data-label="acount" style="width: 51px; height: 12px; left: 90px; top: 179px;visibility: inherit">
                          <div id="u652-4_div" class="u652_div" style="width: 51px; height: 12px;visibility: inherit"></div>
                          <div id="u652-4_text" class="text u652_text" style="visibility: inherit">
                            <p><span>销量：666</span></p>
                          </div>
                        </div>

                        <!-- image (图像 ) -->
                        <div id="u653-4" class="ax_default image u653" data-label="image" style="width: 120px; height: 120px; left: 25px; top: 22px;visibility: inherit">
                          <img id="u653-4_img" class="img u653_img" src="images/首页/p3.png"/>
                          <div id="u653-4_text" class="text u653_text" style="display:none; visibility: hidden">
                            <p></p>
                          </div>
                        </div>
                      </div>

                      <!-- buybtn (矩形) -->
                      <div id="u654-4" class="ax_default button u654" data-label="buybtn" style="width: 65px; height: 27px; left: 14px; top: 201px;visibility: inherit">
                        <div id="u654-4_div" class="u654_div" style="width: 65px; height: 27px;visibility: inherit"></div>
                        <div id="u654-4_text" class="text u654_text" style="visibility: inherit">
                          <p><span>购买</span></p>
                        </div>
                      </div>

                      <!-- givebtn (矩形) -->
                      <div id="u655-4" class="ax_default button u655" data-label="givebtn" style="width: 65px; height: 27px; left: 90px; top: 201px;visibility: inherit">
                        <div id="u655-4_div" class="u655_div" style="width: 65px; height: 27px;visibility: inherit"></div>
                        <div id="u655-4_text" class="text u655_text" style="visibility: inherit">
                          <p><span>送礼</span></p>
                        </div>
                      </div>
                    </div>
                    <div id="u647-5" class="preeval" style="width: 170px; height: 245px;">

                      <!-- Unnamed (组合) -->
                      <div id="u648-5" class="ax_default u648" style="visibility: inherit" data-left="1" data-top="0" data-width="169" data-height="245">

                        <!-- back (矩形) -->
                        <div id="u649-5" class="ax_default box_2 u649" data-label="back" style="width: 169px; height: 245px; left: 1px; top: 0px;visibility: inherit">
                          <div id="u649-5_div" class="u649_div" style="width: 169px; height: 245px;visibility: inherit"></div>
                          <div id="u649-5_text" class="text u649_text" style="display:none; visibility: hidden">
                            <p></p>
                          </div>
                        </div>

                        <!-- name (矩形) -->
                        <div id="u650-5" class="ax_default label u650" data-label="name" style="width: 96px; height: 15px; left: 25px; top: 157px;visibility: inherit">
                          <div id="u650-5_div" class="u650_div" style="width: 96px; height: 15px;visibility: inherit"></div>
                          <div id="u650-5_text" class="text u650_text" style="visibility: inherit">
                            <p><span>孙尚香-时之恋人</span></p>
                          </div>
                        </div>

                        <!-- price (矩形) -->
                        <div id="u651-5" class="ax_default label u651" data-label="price" style="width: 43px; height: 14px; left: 25px; top: 178px;visibility: inherit">
                          <div id="u651-5_div" class="u651_div" style="width: 43px; height: 14px;visibility: inherit"></div>
                          <div id="u651-5_text" class="text u651_text" style="visibility: inherit">
                            <p><span>￥600</span></p>
                          </div>
                        </div>

                        <!-- acount (矩形) -->
                        <div id="u652-5" class="ax_default label u652" data-label="acount" style="width: 51px; height: 12px; left: 90px; top: 179px;visibility: inherit">
                          <div id="u652-5_div" class="u652_div" style="width: 51px; height: 12px;visibility: inherit"></div>
                          <div id="u652-5_text" class="text u652_text" style="visibility: inherit">
                            <p><span>销量：333</span></p>
                          </div>
                        </div>

                        <!-- image (图像 ) -->
                        <div id="u653-5" class="ax_default image u653" data-label="image" style="width: 120px; height: 120px; left: 25px; top: 22px;visibility: inherit">
                          <img id="u653-5_img" class="img u653_img" src="images/首页/p4.png"/>
                          <div id="u653-5_text" class="text u653_text" style="display:none; visibility: hidden">
                            <p></p>
                          </div>
                        </div>
                      </div>

                      <!-- buybtn (矩形) -->
                      <div id="u654-5" class="ax_default button u654" data-label="buybtn" style="width: 65px; height: 27px; left: 14px; top: 201px;visibility: inherit">
                        <div id="u654-5_div" class="u654_div" style="width: 65px; height: 27px;visibility: inherit"></div>
                        <div id="u654-5_text" class="text u654_text" style="visibility: inherit">
                          <p><span>购买</span></p>
                        </div>
                      </div>

                      <!-- givebtn (矩形) -->
                      <div id="u655-5" class="ax_default button u655" data-label="givebtn" style="width: 65px; height: 27px; left: 90px; top: 201px;visibility: inherit">
                        <div id="u655-5_div" class="u655_div" style="width: 65px; height: 27px;visibility: inherit"></div>
                        <div id="u655-5_text" class="text u655_text" style="visibility: inherit">
                          <p><span>送礼</span></p>
                        </div>
                      </div>
                    </div>
                    <div id="u647-6" class="preeval" style="width: 170px; height: 245px;">

                      <!-- Unnamed (组合) -->
                      <div id="u648-6" class="ax_default u648" style="visibility: inherit" data-left="1" data-top="0" data-width="169" data-height="245">

                        <!-- back (矩形) -->
                        <div id="u649-6" class="ax_default box_2 u649" data-label="back" style="width: 169px; height: 245px; left: 1px; top: 0px;visibility: inherit">
                          <div id="u649-6_div" class="u649_div" style="width: 169px; height: 245px;visibility: inherit"></div>
                          <div id="u649-6_text" class="text u649_text" style="display:none; visibility: hidden">
                            <p></p>
                          </div>
                        </div>

                        <!-- name (矩形) -->
                        <div id="u650-6" class="ax_default label u650" data-label="name" style="width: 96px; height: 15px; left: 25px; top: 157px;visibility: inherit">
                          <div id="u650-6_div" class="u650_div" style="width: 96px; height: 15px;visibility: inherit"></div>
                          <div id="u650-6_text" class="text u650_text" style="visibility: inherit">
                            <p><span>诸葛亮-时雨天司</span></p>
                          </div>
                        </div>

                        <!-- price (矩形) -->
                        <div id="u651-6" class="ax_default label u651" data-label="price" style="width: 43px; height: 14px; left: 25px; top: 178px;visibility: inherit">
                          <div id="u651-6_div" class="u651_div" style="width: 43px; height: 14px;visibility: inherit"></div>
                          <div id="u651-6_text" class="text u651_text" style="visibility: inherit">
                            <p><span>￥400</span></p>
                          </div>
                        </div>

                        <!-- acount (矩形) -->
                        <div id="u652-6" class="ax_default label u652" data-label="acount" style="width: 51px; height: 12px; left: 90px; top: 179px;visibility: inherit">
                          <div id="u652-6_div" class="u652_div" style="width: 51px; height: 12px;visibility: inherit"></div>
                          <div id="u652-6_text" class="text u652_text" style="visibility: inherit">
                            <p><span>销量：555</span></p>
                          </div>
                        </div>

                        <!-- image (图像 ) -->
                        <div id="u653-6" class="ax_default image u653" data-label="image" style="width: 120px; height: 120px; left: 25px; top: 22px;visibility: inherit">
                          <img id="u653-6_img" class="img u653_img" src="images/首页/p5.png"/>
                          <div id="u653-6_text" class="text u653_text" style="display:none; visibility: hidden">
                            <p></p>
                          </div>
                        </div>
                      </div>

                      <!-- buybtn (矩形) -->
                      <div id="u654-6" class="ax_default button u654" data-label="buybtn" style="width: 65px; height: 27px; left: 14px; top: 201px;visibility: inherit">
                        <div id="u654-6_div" class="u654_div" style="width: 65px; height: 27px;visibility: inherit"></div>
                        <div id="u654-6_text" class="text u654_text" style="visibility: inherit">
                          <p><span>购买</span></p>
                        </div>
                      </div>

                      <!-- givebtn (矩形) -->
                      <div id="u655-6" class="ax_default button u655" data-label="givebtn" style="width: 65px; height: 27px; left: 90px; top: 201px;visibility: inherit">
                        <div id="u655-6_div" class="u655_div" style="width: 65px; height: 27px;visibility: inherit"></div>
                        <div id="u655-6_text" class="text u655_text" style="visibility: inherit">
                          <p><span>送礼</span></p>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (水滴形) -->
      <div id="u656" class="ax_default marker">
        <img id="u656_img" class="img " src="images/登录页/u29.svg"/>
        <div id="u656_text" class="text ">
          <p><span>1</span></p>
        </div>
      </div>

      <!-- Unnamed (水滴形) -->
      <div id="u657" class="ax_default marker">
        <img id="u657_img" class="img " src="images/登录页/u29.svg"/>
        <div id="u657_text" class="text ">
          <p><span>3</span></p>
        </div>
      </div>

      <!-- Unnamed (水滴形) -->
      <div id="u658" class="ax_default marker">
        <img id="u658_img" class="img " src="images/登录页/u29.svg"/>
        <div id="u658_text" class="text ">
          <p><span>4</span></p>
        </div>
      </div>

      <!-- Unnamed (水滴形) -->
      <div id="u659" class="ax_default marker">
        <img id="u659_img" class="img " src="images/登录页/u29.svg"/>
        <div id="u659_text" class="text ">
          <p><span>5</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u660" class="ax_default sticky_1">
        <div id="u660_div" class=""></div>
        <div id="u660_text" class="text ">
          <p><span>页面说明：</span></p><p><span>1、点击“&lt;”,可以返回到上一页；</span></p><p><span>2、排序方式：默认按照“销量”从高到底排列；可点击切换按照价格高低排序；</span></p><p><span>3、商品模块：点击跳转到商品下详情页；</span></p><p><span>4、点击跳转到确认订单页；</span></p><p><span>5、点击跳转到“送礼”页面；</span></p><p><span><br></span></p><p><span><br></span></p><p><span><br></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u661" class="ax_default sticky_1">
        <div id="u661_div" class=""></div>
        <div id="u661_text" class="text ">
          <p><span>注：</span></p><p><span>1、本页面使用了中继器排序的功能：通过点击销量、价格从高到底、价格从低到高，实现商品列表不同的排序展示；</span></p><p><span>2、实现了页面滑动加载的效果，并设置了顶部和底部边界；</span></p>
        </div>
      </div>

      <!-- Unnamed (水滴形) -->
      <div id="u662" class="ax_default marker">
        <img id="u662_img" class="img " src="images/登录页/u29.svg"/>
        <div id="u662_text" class="text ">
          <p><span>2</span></p>
        </div>
      </div>
    </div>
    <script src="resources/scripts/axure/ios.js"></script>
  </body>
</html>
